<template>
  <a-card :bordered="false" title="数据集信息">
    <a-row type="flex">
      <a-col :span="18">
        <detail-list>
          <detail-list-item term="数据集名称">{{ dataSetInfo.name }}</detail-list-item>
          <detail-list-item term="数据集编码">{{ dataSetInfo.code }}</detail-list-item>
          <detail-list-item term="类型"> <a-tag color="#2db7f5">{{ dataSetInfo.dsType }}</a-tag></detail-list-item>
          <detail-list-item term="属性数量">{{ dataSetInfo.fields }}</detail-list-item>
          <detail-list-item term="创建日期">{{ dataSetInfo.createTime }}</detail-list-item>
          <detail-list-item term="槽号">{{ dataSetInfo.slotNo }}</detail-list-item>
          <detail-list-item term="备注">{{ dataSetInfo.remark }}</detail-list-item>
        </detail-list>
      </a-col>
      <a-col :span="6" style="text-align: center; font-size: 24px">
        <div>数量</div>
        <div style="margin-top: 16px; font-weight: bold">
          {{ dataSetInfo.dataSize }}
        </div>
      </a-col>
    </a-row>
  </a-card>
</template>

<script>
import DetailList from '@/components/tools/DetailList'

const DetailListItem = DetailList.Item

export default {
  name: 'BaseInfo', 
  components: { 
    DetailList,
    DetailListItem,
  },
  props: {
      dataSetInfo: {
        type: Object,
        required: false,
        default: {}
      },
  },
  data() {
    return {
       
    }
  },
  methods: { 
    // loadData(id) {
    //   var that = this
    //   httpAction('/dataSet/dataSet/queryById?id='+id, {}, 'get')
    //     .then((res) => {
    //       if (res.success) {
    //         that.dataSetInfo = Object.assign({},data);
    //       } else {
    //         this.$message.warning(res.message)
    //       }
    //     })
    //     .finally(() => {})
    // }
  },
}
</script>